<template>
  <h1>侦听器-监听器</h1>
  <p>{{ msg }}</p>
  <button @click='update'>修改数据发生监听</button>
</template>

<script>

export default {
  data() {
    return {
        msg:'nihao'
      }
    },
  methods:{
     update(){
        this.msg='nihao1'
     }
  },
  watch:{// 监听器：监听数据变化，和methods同级
    //当this.msg数据改变时此函数就会触发
    //msg(newValue,oldValue)要和data里面的msg一样
    //newValue是新值，oldValue是旧值
    msg(newValue,oldValue){
      console.log(newValue,oldValue)
    },
  }
}
</script>























